<template>
	<view class="content">
		<view class="content_top">
			<view class="box">
				<view class="input">
					<input type="text" placeholder="搜手机号、索姓名、公司名称"/>
					<uv-icon name="search" color="#555" size="24"></uv-icon>
				</view>
			</view>
		</view>
		<view class="content_list">
			<image mode="aspectFit" src="https://txl.cnpowder.com.cn/img/daily/2019/12/18/172822_963427_class_userheader.jpg.thumb.jpg"></image>
			<view class="name">郭有才</view>
			<uv-icon name="checkmark-circle-fill" color="#d6d6d6" size="22"></uv-icon>
		</view>
		<view class="content_bottom">
			<view class="button">完成</view>
		</view>
	</view>
</template>

<script setup>
	import {
		link
	} from '@/utils/utils.js'
	import {
		ref,
		defineProps,
	} from 'vue'
	import {
		onLoad,
		onShow
	} from '@dcloudio/uni-app'
</script>

<style lang="scss" scoped>
	.content{
		width: 100%;
		&_top{
			width: 100%;
			height: 120rpx;
			.box{
				width: 100%;
				height: 120rpx;
				background: #fff;
				box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
				display: flex;
				align-items: center;
				justify-content: center;
				.input{
					width: calc(100% - 60rpx);
					height: 80rpx;
					background: #f9f9fa;
					display: flex;
					align-items: center;
					justify-content: center;
					border: 1px solid #ddd;
					border-radius: 30px;
					input{
						flex: 1;
						padding: 20rpx;
						margin-right: 10rpx;
						font-size: 30rpx;
					}
				}
			}
		}
		&_list{
			width: calc(100% - 60rpx);
			padding: 30rpx;
			border-bottom: 1px solid #ebecf4;
			display: flex;
			align-items: center;
			justify-content: space-between;
			image{
				width: 100rpx;
				height: 100rpx;
				border-radius: 100%;
			}
			.name{flex: 1; margin-left: 10rpx; margin-right: 10rpx;}
		}
		&_bottom{
			width: 100%;
			height: 100rpx;
			.button{
				width: 100%;
				height: 100rpx;
				position: fixed;
				bottom: 0;
				left: 0;
				background: #e94f06;
				color: #fff;
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 38rpx;
			}
		}
	}
</style>